
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont-tcl">&#xe641;</i>
                    <div class="name">设置</div>
                    <div class="code">&amp;#xe641;</div>
                    <div class="fontclass">.shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe655;</i>
                    <div class="name">日历</div>
                    <div class="code">&amp;#xe655;</div>
                    <div class="fontclass">.rili</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe645;</i>
                    <div class="name">花盆</div>
                    <div class="code">&amp;#xe645;</div>
                    <div class="fontclass">.flowerpot</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62f;</i>
                    <div class="name">箭头</div>
                    <div class="code">&amp;#xe62f;</div>
                    <div class="fontclass">.jiantou</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe630;</i>
                    <div class="name">箭头</div>
                    <div class="code">&amp;#xe630;</div>
                    <div class="fontclass">.jiantou1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe633;</i>
                    <div class="name">menu</div>
                    <div class="code">&amp;#xe633;</div>
                    <div class="fontclass">.menu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe646;</i>
                    <div class="name">笔</div>
                    <div class="code">&amp;#xe646;</div>
                    <div class="fontclass">.xiao47</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe642;</i>
                    <div class="name">优惠券</div>
                    <div class="code">&amp;#xe642;</div>
                    <div class="fontclass">.youhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66a;</i>
                    <div class="name">相机</div>
                    <div class="code">&amp;#xe66a;</div>
                    <div class="fontclass">.xiangji</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe643;</i>
                    <div class="name">信封</div>
                    <div class="code">&amp;#xe643;</div>
                    <div class="fontclass">.xinfeng</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe644;</i>
                    <div class="name">更多</div>
                    <div class="code">&amp;#xe644;</div>
                    <div class="fontclass">.gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe605;</i>
                    <div class="name">附件</div>
                    <div class="code">&amp;#xe605;</div>
                    <div class="fontclass">.fujian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe606;</i>
                    <div class="name">进度查询</div>
                    <div class="code">&amp;#xe606;</div>
                    <div class="fontclass">.jinduchaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60a;</i>
                    <div class="name">预约服务</div>
                    <div class="code">&amp;#xe60a;</div>
                    <div class="fontclass">.yuyuefuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60b;</i>
                    <div class="name">常见问题</div>
                    <div class="code">&amp;#xe60b;</div>
                    <div class="fontclass">.changjianwenti</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60e;</i>
                    <div class="name">进度时间</div>
                    <div class="code">&amp;#xe60e;</div>
                    <div class="fontclass">.jindushijian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60f;</i>
                    <div class="name">取消</div>
                    <div class="code">&amp;#xe60f;</div>
                    <div class="fontclass">.quxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe611;</i>
                    <div class="name">相关下载</div>
                    <div class="code">&amp;#xe611;</div>
                    <div class="fontclass">.xiangguanxiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe612;</i>
                    <div class="name">在线客服</div>
                    <div class="code">&amp;#xe612;</div>
                    <div class="fontclass">.zaixiankefu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe613;</i>
                    <div class="name">冰箱</div>
                    <div class="code">&amp;#xe613;</div>
                    <div class="fontclass">.bingxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe615;</i>
                    <div class="name">服务门店</div>
                    <div class="code">&amp;#xe615;</div>
                    <div class="fontclass">.fuwumendian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe617;</i>
                    <div class="name">经销商之家</div>
                    <div class="code">&amp;#xe617;</div>
                    <div class="fontclass">.jingxiaoshangzhijia</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe618;</i>
                    <div class="name">社区</div>
                    <div class="code">&amp;#xe618;</div>
                    <div class="fontclass">.shequ</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61a;</i>
                    <div class="name">消息</div>
                    <div class="code">&amp;#xe61a;</div>
                    <div class="fontclass">.xiaoxi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61b;</i>
                    <div class="name">自助服务</div>
                    <div class="code">&amp;#xe61b;</div>
                    <div class="fontclass">.zizhufuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61c;</i>
                    <div class="name">拨打电话</div>
                    <div class="code">&amp;#xe61c;</div>
                    <div class="fontclass">.bodadianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61d;</i>
                    <div class="name">电子保单</div>
                    <div class="code">&amp;#xe61d;</div>
                    <div class="fontclass">.dianzibaodan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe623;</i>
                    <div class="name">意见反馈</div>
                    <div class="code">&amp;#xe623;</div>
                    <div class="fontclass">.yijianfankui</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe625;</i>
                    <div class="name">新建</div>
                    <div class="code">&amp;#xe625;</div>
                    <div class="fontclass">.xinjian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe661;</i>
                    <div class="name">购物袋</div>
                    <div class="code">&amp;#xe661;</div>
                    <div class="fontclass">.gouwudai</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe634;</i>
                    <div class="name">进度</div>
                    <div class="code">&amp;#xe634;</div>
                    <div class="fontclass">.jindu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63a;</i>
                    <div class="name">诚信网站</div>
                    <div class="code">&amp;#xe63a;</div>
                    <div class="fontclass">.chengxinwangzhan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63b;</i>
                    <div class="name">关闭</div>
                    <div class="code">&amp;#xe63b;</div>
                    <div class="fontclass">.guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63c;</i>
                    <div class="name">垃圾桶</div>
                    <div class="code">&amp;#xe63c;</div>
                    <div class="fontclass">.lajitong</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63f;</i>
                    <div class="name">下拉</div>
                    <div class="code">&amp;#xe63f;</div>
                    <div class="fontclass">.xiala</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe647;</i>
                    <div class="name">man</div>
                    <div class="code">&amp;#xe647;</div>
                    <div class="fontclass">.man</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe600;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe600;</div>
                    <div class="fontclass">.gouwuche</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62e;</i>
                    <div class="name">搜索</div>
                    <div class="code">&amp;#xe62e;</div>
                    <div class="fontclass">.sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe608;</i>
                    <div class="name">下</div>
                    <div class="code">&amp;#xe608;</div>
                    <div class="fontclass">.xia</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61f;</i>
                    <div class="name">消息</div>
                    <div class="code">&amp;#xe61f;</div>
                    <div class="fontclass">.xiaoxi1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe627;</i>
                    <div class="name">icon</div>
                    <div class="code">&amp;#xe627;</div>
                    <div class="fontclass">.icon</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe638;</i>
                    <div class="name">icon</div>
                    <div class="code">&amp;#xe638;</div>
                    <div class="fontclass">.icon1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe639;</i>
                    <div class="name">上</div>
                    <div class="code">&amp;#xe639;</div>
                    <div class="fontclass">.shang</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63d;</i>
                    <div class="name">图片</div>
                    <div class="code">&amp;#xe63d;</div>
                    <div class="fontclass">.tupian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe63e;</i>
                    <div class="name">1</div>
                    <div class="code">&amp;#xe63e;</div>
                    <div class="fontclass">.1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe640;</i>
                    <div class="name">2</div>
                    <div class="code">&amp;#xe640;</div>
                    <div class="fontclass">.2</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe648;</i>
                    <div class="name">博士后图标</div>
                    <div class="code">&amp;#xe648;</div>
                    <div class="fontclass">.boshihoutubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe601;</i>
                    <div class="name">发送</div>
                    <div class="code">&amp;#xe601;</div>
                    <div class="fontclass">.fasong</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe602;</i>
                    <div class="name">收藏</div>
                    <div class="code">&amp;#xe602;</div>
                    <div class="fontclass">.shoucang</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe604;</i>
                    <div class="name">服务门店</div>
                    <div class="code">&amp;#xe604;</div>
                    <div class="fontclass">.01</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe607;</i>
                    <div class="name">服务政策</div>
                    <div class="code">&amp;#xe607;</div>
                    <div class="fontclass">.03</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe614;</i>
                    <div class="name">搜索</div>
                    <div class="code">&amp;#xe614;</div>
                    <div class="fontclass">.07</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60c;</i>
                    <div class="name">购物车</div>
                    <div class="code">&amp;#xe60c;</div>
                    <div class="fontclass">.06</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe624;</i>
                    <div class="name">登录</div>
                    <div class="code">&amp;#xe624;</div>
                    <div class="fontclass">.05</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe603;</i>
                    <div class="name">进度查询</div>
                    <div class="code">&amp;#xe603;</div>
                    <div class="fontclass">.04</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe60d;</i>
                    <div class="name">服务预约</div>
                    <div class="code">&amp;#xe60d;</div>
                    <div class="fontclass">.02</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe619;</i>
                    <div class="name">微信</div>
                    <div class="code">&amp;#xe619;</div>
                    <div class="fontclass">.weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe626;</i>
                    <div class="name">qq</div>
                    <div class="code">&amp;#xe626;</div>
                    <div class="fontclass">.qq</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe628;</i>
                    <div class="name">实心微博</div>
                    <div class="code">&amp;#xe628;</div>
                    <div class="fontclass">.shixinweibo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe629;</i>
                    <div class="name">实心QQ</div>
                    <div class="code">&amp;#xe629;</div>
                    <div class="fontclass">.shixinqq</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62a;</i>
                    <div class="name">微博svg</div>
                    <div class="code">&amp;#xe62a;</div>
                    <div class="fontclass">.weibosvg</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62b;</i>
                    <div class="name">实心微信</div>
                    <div class="code">&amp;#xe62b;</div>
                    <div class="fontclass">.shixinweixin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe609;</i>
                    <div class="name">对话框</div>
                    <div class="code">&amp;#xe609;</div>
                    <div class="fontclass">.duihuakuang</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62c;</i>
                    <div class="name">右边</div>
                    <div class="code">&amp;#xe62c;</div>
                    <div class="fontclass">.youbian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe62d;</i>
                    <div class="name">左边</div>
                    <div class="code">&amp;#xe62d;</div>
                    <div class="fontclass">.zuobian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe631;</i>
                    <div class="name">向右</div>
                    <div class="code">&amp;#xe631;</div>
                    <div class="fontclass">.xiangyou</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe632;</i>
                    <div class="name">向左</div>
                    <div class="code">&amp;#xe632;</div>
                    <div class="fontclass">.xiangzuo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe610;</i>
                    <div class="name">电视</div>
                    <div class="code">&amp;#xe610;</div>
                    <div class="fontclass">.dianshi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe616;</i>
                    <div class="name">冰箱</div>
                    <div class="code">&amp;#xe616;</div>
                    <div class="fontclass">.bingxiang1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe61e;</i>
                    <div class="name">空调</div>
                    <div class="code">&amp;#xe61e;</div>
                    <div class="fontclass">.kongdiao</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe620;</i>
                    <div class="name">手机</div>
                    <div class="code">&amp;#xe620;</div>
                    <div class="fontclass">.shouji</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe621;</i>
                    <div class="name">洗衣机</div>
                    <div class="code">&amp;#xe621;</div>
                    <div class="fontclass">.xiyiji</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe622;</i>
                    <div class="name">收藏</div>
                    <div class="code">&amp;#xe622;</div>
                    <div class="fontclass">.shoucang1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe635;</i>
                    <div class="name">显示密码</div>
                    <div class="code">&amp;#xe635;</div>
                    <div class="fontclass">.xianshimima</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe636;</i>
                    <div class="name">收藏图标</div>
                    <div class="code">&amp;#xe636;</div>
                    <div class="fontclass">.shoucangtubiao</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe637;</i>
                    <div class="name">健康电器</div>
                    <div class="code">&amp;#xe637;</div>
                    <div class="fontclass">.jiankangdianqi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe649;</i>
                    <div class="name">客服</div>
                    <div class="code">&amp;#xe649;</div>
                    <div class="fontclass">.kefu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64a;</i>
                    <div class="name">客服</div>
                    <div class="code">&amp;#xe64a;</div>
                    <div class="fontclass">.kefu1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64b;</i>
                    <div class="name">我的积分</div>
                    <div class="code">&amp;#xe64b;</div>
                    <div class="fontclass">.wodejifen</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64c;</i>
                    <div class="name">我的优惠券</div>
                    <div class="code">&amp;#xe64c;</div>
                    <div class="fontclass">.wodeyouhuiquan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64d;</i>
                    <div class="name">我的订单</div>
                    <div class="code">&amp;#xe64d;</div>
                    <div class="fontclass">.wodedingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64e;</i>
                    <div class="name">待收货</div>
                    <div class="code">&amp;#xe64e;</div>
                    <div class="fontclass">.daishouhuo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe64f;</i>
                    <div class="name">待付款</div>
                    <div class="code">&amp;#xe64f;</div>
                    <div class="fontclass">.daifukuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe650;</i>
                    <div class="name">我的服务</div>
                    <div class="code">&amp;#xe650;</div>
                    <div class="fontclass">.wodefuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe651;</i>
                    <div class="name">收藏</div>
                    <div class="code">&amp;#xe651;</div>
                    <div class="fontclass">.shoucang2</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe652;</i>
                    <div class="name">我的预约</div>
                    <div class="code">&amp;#xe652;</div>
                    <div class="fontclass">.wodeyuyue</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe653;</i>
                    <div class="name">积分</div>
                    <div class="code">&amp;#xe653;</div>
                    <div class="fontclass">.jifen</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe654;</i>
                    <div class="name">积分商城</div>
                    <div class="code">&amp;#xe654;</div>
                    <div class="fontclass">.jifenshangcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe656;</i>
                    <div class="name">logo</div>
                    <div class="code">&amp;#xe656;</div>
                    <div class="fontclass">.logo</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe657;</i>
                    <div class="name">厨房电器</div>
                    <div class="code">&amp;#xe657;</div>
                    <div class="fontclass">.chufangdianqi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe658;</i>
                    <div class="name">厨房用具</div>
                    <div class="code">&amp;#xe658;</div>
                    <div class="fontclass">.chufangyongju</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe659;</i>
                    <div class="name">创意潮品</div>
                    <div class="code">&amp;#xe659;</div>
                    <div class="fontclass">.chuangyichaopin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65a;</i>
                    <div class="name">美妆个护</div>
                    <div class="code">&amp;#xe65a;</div>
                    <div class="fontclass">.meizhuanggehu</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65b;</i>
                    <div class="name">母婴用品</div>
                    <div class="code">&amp;#xe65b;</div>
                    <div class="fontclass">.muyingyongpin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65c;</i>
                    <div class="name">生活用品</div>
                    <div class="code">&amp;#xe65c;</div>
                    <div class="fontclass">.shenghuoyongpin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65d;</i>
                    <div class="name">智能硬件</div>
                    <div class="code">&amp;#xe65d;</div>
                    <div class="fontclass">.zhinengyingjian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65e;</i>
                    <div class="name">hifi语音</div>
                    <div class="code">&amp;#xe65e;</div>
                    <div class="fontclass">.hifiyuyin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe65f;</i>
                    <div class="name">生活电器  </div>
                    <div class="code">&amp;#xe65f;</div>
                    <div class="fontclass">.shenghuodianqi</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe660;</i>
                    <div class="name">附件硬件</div>
                    <div class="code">&amp;#xe660;</div>
                    <div class="fontclass">.fujianyingjian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe662;</i>
                    <div class="name">厨房电器</div>
                    <div class="code">&amp;#xe662;</div>
                    <div class="fontclass">.chufangdianqi1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe663;</i>
                    <div class="name">2</div>
                    <div class="code">&amp;#xe663;</div>
                    <div class="fontclass">.21</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe664;</i>
                    <div class="name">3</div>
                    <div class="code">&amp;#xe664;</div>
                    <div class="fontclass">.3</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe665;</i>
                    <div class="name">100</div>
                    <div class="code">&amp;#xe665;</div>
                    <div class="fontclass">.100</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe666;</i>
                    <div class="name">50</div>
                    <div class="code">&amp;#xe666;</div>
                    <div class="fontclass">.50</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66b;</i>
                    <div class="name">可见</div>
                    <div class="code">&amp;#xe66b;</div>
                    <div class="fontclass">.kejian</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe667;</i>
                    <div class="name">跨境</div>
                    <div class="code">&amp;#xe667;</div>
                    <div class="fontclass">.kuajing</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe668;</i>
                    <div class="name">分享</div>
                    <div class="code">&amp;#xe668;</div>
                    <div class="fontclass">.fenxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe669;</i>
                    <div class="name">相关下载</div>
                    <div class="code">&amp;#xe669;</div>
                    <div class="fontclass">.icon2</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66c;</i>
                    <div class="name">大宗采购1</div>
                    <div class="code">&amp;#xe66c;</div>
                    <div class="fontclass">.dazongcaigou1</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66d;</i>
                    <div class="name">大宗采购1</div>
                    <div class="code">&amp;#xe66d;</div>
                    <div class="fontclass">.dazongcaigou11</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66e;</i>
                    <div class="name">大宗采购2</div>
                    <div class="code">&amp;#xe66e;</div>
                    <div class="fontclass">.dazongcaigou2</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe66f;</i>
                    <div class="name">大宗采购3</div>
                    <div class="code">&amp;#xe66f;</div>
                    <div class="fontclass">.dazongcaigou3</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe670;</i>
                    <div class="name">大宗采购4</div>
                    <div class="code">&amp;#xe670;</div>
                    <div class="fontclass">.dazongcaigou4</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe671;</i>
                    <div class="name">大宗采购5</div>
                    <div class="code">&amp;#xe671;</div>
                    <div class="fontclass">.dazongcaigou5</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe672;</i>
                    <div class="name">大宗采购6</div>
                    <div class="code">&amp;#xe672;</div>
                    <div class="fontclass">.dazongcaigou6</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe673;</i>
                    <div class="name">照明</div>
                    <div class="code">&amp;#xe673;</div>
                    <div class="fontclass">.zhaoming</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe674;</i>
                    <div class="name">tcl</div>
                    <div class="code">&amp;#xe674;</div>
                    <div class="fontclass">.tcl</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe675;</i>
                    <div class="name">icon</div>
                    <div class="code">&amp;#xe675;</div>
                    <div class="fontclass">.icon3</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe676;</i>
                    <div class="name">官方正品</div>
                    <div class="code">&amp;#xe676;</div>
                    <div class="fontclass">.guanfangzhengpin</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe677;</i>
                    <div class="name">七天无理由退换</div>
                    <div class="code">&amp;#xe677;</div>
                    <div class="fontclass">.qitianwuliyoutuihuan</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe678;</i>
                    <div class="name">全场包邮</div>
                    <div class="code">&amp;#xe678;</div>
                    <div class="fontclass">.quanchangbaoyou</div>
                </li>
            
                <li>
                <i class="icon iconfont-tcl">&#xe679;</i>
                    <div class="name">全国联保</div>
                    <div class="code">&amp;#xe679;</div>
                    <div class="fontclass">.quanguolianbao</div>
                </li>
            
        </ul>


        <div class="helps">
            第一步：使用font-face声明字体
            <pre>
@font-face {font-family: 'iconfont-tcl';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont-tcl') format('svg'); /* iOS 4.1- */
}
</pre>
第二步：定义使用iconfont的样式
            <pre>
.iconfont-tcl{
    font-family:"iconfont-tcl" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
</pre>
第三步：挑选相应图标并获取字体编码，应用于页面
<pre>
&lt;i class="iconfont-tcl"&gt;&amp;#x33;&lt;/i&gt;
</pre>
        </div>

    </div>
</body>
</html>
